<template>
  <div class="base-page wh-full flex-col py-24">
    <div class="mb-20 w-full px-24">
      <BreadCrumb />
    </div>
    <div class="min-h-0 flex-1" :style="{ padding: `0px ${paddingX}` }">
      <slot />
    </div>
  </div>
</template>
<script setup lang="jsx">
defineOptions({ name: 'BasePage' })
import BreadCrumb from '@/layouts/components/BreadCrumb.vue'
defineProps({
  paddingX: {
    type: String,
    default: '24px',
  },
})
</script>
<style lang="scss" scoped></style>
